import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'
import StudentHomepage from './components/StudentHomepage'
import WordCard from './components/WordCard'
import FollowReading from './components/FollowReading'
import MistakeBook from './components/MistakeBook'
import WeeklyTest from './components/WeeklyTest'
import WeeklyReport from './components/WeeklyReport'
import ParentPage from './components/ParentPage'
import './App.css'

function App() {
  return (
    <Router>
      <div className="min-h-screen bg-gradient-to-br from-yellow-300 to-orange-400">
        <Routes>
          <Route path="/" element={<StudentHomepage />} />
          <Route path="/word-card" element={<WordCard />} />
          <Route path="/follow-reading" element={<FollowReading />} />
          <Route path="/mistake-book" element={<MistakeBook />} />
          <Route path="/weekly-test" element={<WeeklyTest />} />
          <Route path="/weekly-report" element={<WeeklyReport />} />
          <Route path="/parent" element={<ParentPage />} />
        </Routes>
      </div>
    </Router>
  )
}

export default App

